﻿html{ background: #f5f5f5;}
body{color: #666; font:12px/1.5 "微软雅黑" ; background: url(../../images/login/bg_bottom.png) no-repeat center bottom 48px; background: #f5f5f5\0;}
*{ margin: 0; padding: 0;  box-sizing: border-box; list-style: none; font-style: normal; text-decoration: none;}
img,button{border: none;}
a{text-decoration: none; color: #666;}
a:hover,a:focus{text-decoration: none; color: #333;}
.lt{float: left;}
.rt{float:right;}
.rt1{float:right; background: #FFFFFF;box-shadow: 1px 1px 1px gray;border-bottom-left-radius: 6px;border-bottom-right-radius:6px;padding: 10px;}
/*清除浮动*/
.clear:after{display:block; clear:both; content:""; visibility:hidden; height:0;} 
.clear{zoom:1} 

.wrap{width: 1200px; margin: 0 auto 110px auto; min-height: 722px;}
.wrap:after{content: ""; clear: both; display: block; }

.top{background: #fff; height: 74px; box-shadow:0 1px 1px rgba(0,0,0,0.1); margin-bottom: 20px;min-width:1200px}
.main_nav{ padding: 5px 0;}
.main_nav>a{ float: left;}
.a_nav{ overflow: hidden; margin: 20px 0 0 80px;}
.a_nav li,.tch_nav>li{ float: left; margin: 0 15px;}
    .a_nav li a, .b_nav > li > a {
        min-width: 70px;
        height: 26px;
        background: url(../../images/common/nav_txt.png) no-repeat;
        display: inline-block;
        text-align: right;
    }

        .a_nav li a span {
            font-size: 11px;
            float: right;
            padding-top: 4px;
        }

        .a_nav li a i {
            float: left;
            height: 26px;
            width: 38px;
        }

.a_nav li:first-child a{ background-position: 0 0;}
.a_nav li.second a{ background-position: -104px 0;}
.a_nav li.third a{ background-position: -208px 0;}
.a_nav li.last a{background-position: -306px 0;}
.a_nav li a:hover, .a_nav li a:focus, .a_nav li a.active{ border-bottom: 2px solid #59c4a2; color: #59c4a2;}
.a_nav li:first-child a:hover, .a_nav li a.active, .a_nav li a:focus{ background-position: 0 -28px;}
.a_nav li.second a:hover, .a_nav li.second a:focus{ background-position: -104px -28px;}
.a_nav li.third a:hover,.a_nav li.third a:focus{ background-position: -208px -28px;}
.a_nav li.last a:hover,.a_nav li.last a:focus{background-position: -306px -28px;}
.a_nav li button{ color: #59c4a2; border-radius: 3px; background: #fff; border: 1px solid #59c4a2; padding: 0 3px;}
.a_nav li button:hover,.a_nav li button:focus{ background: #59c4a2; color: #fff;}
.a_nav li button:active{box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); background: #44a788;}
.b_nav{ margin: 12px 0 0 0;}
.b_nav>li{ float: left; margin: 0 10px 0 0; font-size: 14px; font-weight: 900; position: relative;}
.b_nav>li>a{color: #6c6b73; padding-left: 30px; width: 100%; line-height: 40px; height: 40px; text-align: left;}
.b_nav>li.user>a i{ background: url(../../images/common/nav_txt.png) no-repeat -412px -156px; display: inline-block; width: 8px; height: 4px; position: relative; bottom: 2px; left:4px;}
.b_nav>li.user>a:hover i{background-position: -404px -156px;}
.b_nav li.second span{position: absolute; top: 5px; right: 3px; border-radius: 50%; background: #ff0000; width: 14px; height: 14px; line-height: 14px; text-align: center; font-size: 10px; color: #fff; font-family: arial;}
.b_nav li a:hover{ color: #555;}
.b_nav>li.user>a{ background-position: -380px 0; padding-left: 46px;}
.b_nav li.second a{ background-position: -396px -40px;}
.b_nav li.third a{ background-position: -396px -74px;}
.b_nav li.last a{ background-position: -396px -107px;}
.tch_nav{ margin: 20px 0 0 80px;}
.tch_nav>li>a{ font-size: 16px; display: block; padding: 0 10px 5px 10px;}
.headClass{color: #59c4a2 !important; border-bottom: 2px solid #59c4a2 !important;}
/*.tch_nav>li>a:hover,.tch_nav>li>a:focus{ color: #59c4a2; border-bottom: 2px solid #59c4a2;}*/
.tch_nav>li:hover .dropdown-menu { display: block;}
.tch_nav>li.open > .dropdown-menu { display: none;}
.tch_nav>li .dropdown-menu{margin-top: -1px;}
.nav-tabs > li.active > a{ background: url(../img/nav_txt.png) no-repeat 53px -46px;}

.fa{ margin-right: 5px;}

/*题库CSS*/
.exerupload{ margin-bottom: 10px;}
.exerupload button{ width: 100%; border-radius: 8px; padding: 12px 0; box-shadow: 0 1px 2px rgba(0,0,0,0.1);}
.sidebar{ width: 234px; background: #fff; border-radius:8px; box-shadow: 0 1px 2px rgba(0,0,0,0.1);}
.sidebar:after{content: ""; clear: both; display: block; overflow: hidden; height: 0;}
.sidebar .btn-group .btn-default{ background: #ebebec; color: #666; border: none; border-bottom: 1px solid #ddd;}
.chapter{padding: 0;}
.chapter h4 a{background: #fff; padding: 10px 15px;}
.chapter h4 a:hover,.chapter h4 a:focus,.chapter h4 a.active{ background: #ebebec;}
.panel-body{padding: 0;}
.panel-body ul{margin: 12px 0;}
.panel-body ul li a{ padding: 10px 0 10px 20px; margin: 4px 0; display: inline-block; width:100%;}
.panel-body ul li a:hover,.panel-body ul li a:focus,.panel-body ul li a.active{ background: #eaf1ef; border-left: 5px solid #59c4a2; color: #59c4a2; text-decoration: none;}
.rightside{width: 944px;}

/* 筛选 */
.select{padding:13px 25px 8px 25px; border-radius:8px; margin:0 auto; background: #fff; box-shadow:0 1px 2px rgba(0,0,0,0.1);}
.select li{ padding:8px 0 5px 70px; }
.select li:last-child{border: none;}
.select .select-list{border-bottom:#e5e5e5 1px dashed;}
.select dl{zoom:1;position:relative; margin:0; }
.select dl:after{content:" "; display:block; clear:both; height:0; overflow:hidden}
.select dt{width:100px; position:absolute; top:4px; left:-106px; text-align:right; color:#888; font-weight: normal;}
.select dd{float:left; display:inline; margin:0 8px 6px 0; }
.select a{display:inline-block;white-space:nowrap; height:20px; line-height: 20px; margin-top: 2px; padding:0 10px;text-decoration:none;border-radius:5px;}
.select a:hover{color:#59c4a2;background-color:#e9f5f1;}
.select .selected a{color:#fff;background-color:#59c4a2;}

ul.ui-choose{ margin:0; border-bottom: 1px dashed #ddd; display: block;}
ul.ui-choose:after { content: ""; display: block; clear: both; }
ul.ui-choose>li { float: left; cursor: pointer; position: relative; z-index: 1; margin:12px 0 12px 26px; padding: 3px 19px; border-radius: 5px; border:1px solid #fff;}
ul.ui-choose>li i{background: url(../../images/common/nav_txt.png) no-repeat; width: 20px; height: 20px; float: left; margin-right: 10px;}
ul.ui-choose>li.boy i{background-position: -121px -58px;}
ul.ui-choose>li.girl i{background-position: -81px -58px;}
ul.ui-choose>li:first-child { margin-left: 0; }
ul.ui-choose>li:hover{ border-color:#eee;}
ul.ui-choose>li.selected { z-index: 3; border-color:#ececec; background: #f1f3f5; }
ul.ui-choose>li.selected.boy i{ background-position:-141px -58px;}
ul.ui-choose>li.selected.girl i{ background-position:-101px -58px;}
ul.tch_class>li:hover{ border-color: #fff;}
ul.tch_class>li{cursor: default;}

.sort{height: 42px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.1); margin: 20px 0; border-radius: 8px;}
.sort ul{margin-left: 10px; overflow: hidden;}
.sort ul li{ float: left; line-height: 42px;}
.sort ul li a{color: #666; border-right: 1px solid #ccc; padding: 0 14px;}
.sort ul li:last-child a{ border: none;}
.sort ul li a.active{color:#59c4a2}
.sort ul li a:hover,.sort ul li a:active,.sort ul li a:focus{ color: #59c4a2;}
.r_button span{ color: #999; line-height: 42px; float: left; margin-right:10px;}
.r_button .btn{ border-radius: 0 8px 8px 0; height: 42px; font-size: 12px; float: left; padding: 0 20px;}
.content{ padding: 15px 25px; background: #fff; border-radius: 8px; box-shadow: 0 1px 2px rgba(0,0,0,0.1);}
.content:after{ content: ""; clear: both; display: block;}
.subject{ position: relative;}
.subject h6 span{background: #ff8787; color: #fff; border-radius: 4px; padding: 0 4px; margin-right: 10px;}
.subject>button{ position: absolute; right: 0; top: 0; color: #fff; font-size: 12px; padding: 8px 20px;}
.subject>ul>li{ padding: 8px 0;}
.subject>ul>li>span{ margin:0 20px 0 5px;}
.subject>p{ color: #999; margin: 0 0 15px 0;}
.bottombar{ overflow: hidden; background: #f3f3f6;}
.bottombar ul{ margin: 12px 0; padding: 0 10px;}
.bottombar ul li{ float: left; padding: 0 6px; color: #999;}
.bottombar ul li a{ color: #999;}
.bottombar ul li a:hover,.bottombar ul li a:focus{ color: #555;}
.bottombar ul li i{ margin: 4px 3px 0 0;}
.btn-group .btn{width: 234px; height: 48px; color: #fff; border-radius: 8px 8px 0 0; text-align: left; padding-left: 20px;}
.btn-group .sbjlist{width:580px; top: 46px; padding:10px 5px 10px 20px; font-size: 12px; margin-top: 0;}
.btn-group .sbjlist>li{ overflow: hidden;}
.btn-group .sbjlist>li>span,.btn-group .sbjlist>li>i{ float: left;}
.btn-group .sbjlist>li>i{padding:10px 0;}
.btn-group .sbjlist>li>span{width: 90%;}
.btn-group .sbjlist>li>span>a{ display: inline-block; padding: 2px 8px; margin: 8px 2px; border-radius: 5px;}
.btn-group .sbjlist>li>span>a:hover,.btn-group .sbjlist>li>span>a.active{background: #59c4a2; color: #fff;
    cursor: pointer;}
.btn .caret{ position: absolute; right: 15px; top:22px;}
ul.nav-tabs{background: #fff; border-bottom: 2px solid #59c4a2; position: relative;}
ul.nav-tabs>li{ width: 117px; text-align: center;}
ul.nav-tabs i{ position: absolute; width: 1px; left: 117px; top: 14px; height: 12px; background: #ccc; z-index: 998;}
.panel{ border-radius: 0; border: 0; border-bottom: 1px solid #ebebec; box-shadow: none; margin-bottom: 0;}
.panel-heading { border-bottom: 0;}
.chapter>h4.panel-title a{ font-size: 13px; padding: 16px 15px; position: relative;}
.panel-group .fillet{margin-bottom: 60px;}
.chapter>h4.panel-title a span,.chapter>h4.panel-title a i{ font-size: 10px; padding-right: 10px; display: inline-block;}
.chapter>h4.panel-title a span.arrow{ position: absolute; right: 0; top: 19px;}
.panel-group .answer{ border: none;}
.answer{ border: none;}
.answer .chapter>h4.panel-title>a{ text-align: center; font-size:12px;}
.answer .chapter h4 a{ padding-left:0; padding-right:0 ; position: relative;}
.answer .chapter h4 a span{ position: absolute; top:18px; left:492px;}
.answer .chapter h4 a i{ position: relative; width: 100%; display: inline-block; font-size: 12px;}
.answer .chapter a i:before,.answer .chapter h4 a i:after{ content: ""; position: absolute; height: 0; top: 7px; width:42%; border-top: 1px dashed #ddd;}
.answer .chapter a i:before{ content: ""; left: 0;}
.answer .chapter a i:after{ content: ""; right: 0;}
.answer .chapter h4 a:hover,.answer .chapter h4 a:focus,.answer .chapter h4 a.active{ background: #fff;}
.answer .panel-body{ border: 1px solid #e5e5e5; background: #f1f3f6; border-radius: 8px; padding: 20px; margin-bottom: 30px;}
.answer .panel-body p span{ color: #ff7437; font-weight: 900; font-size: 16px;}

ul.page{margin: 10px 0;}
ul.page li{display: inline-block; float: left; margin-left: 10px; }
ul.page li a{ border-radius: 5px; padding: 3px 8px; color: #666;}
ul.page li a.active{ color: #fff; background: #59c4a2; border-color: #59c4a2;}
ul.page li a.disabled{ pointer-events: none;cursor: default;background: whitesmoke;}
ul.page li a:hover,ul.page li a:focus,ul.page li a:active{ color: #fff; background: #59c4a2; border-color: #59c4a2;}
ul.page li:last-child a i{margin-left: 5px;}

.foot{ background: #eee; text-align: center; padding: 15px 0;}
/*end 题库CSS*/

.videobox,.sum,.detailrt,.message,.class{ background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.1); border-radius: 8px; overflow: hidden; padding: 20px; margin-bottom: 20px;}

/*个人上传CSS*/
.upload{ border-bottom: 1px solid #e5e5e5; margin: 20px 0 30px 0; padding-bottom: 10px;}
.upload>button{bottom: 20px; top: auto; }
.top_tab{ padding: 0; }
.top_tab li{ padding-left: 10px; font-size: 14px; height: 50px;}
.top_tab li a{height: 30px; line-height: 30px;}
/*end 个人上传CSS*/

/*编辑习题CSS*/
.uploadexer{ margin:20% auto 0 auto; display: block; padding: 10px 40px;}
.template{ display: block; text-align: center; margin-top: 10px;}
.step{ height: 36px; background: #fff; border-radius: 8px; padding-left: 15px;}
.step a{ display: inline-block; width: 214px; height: 36px; background: url(../../images/common/nav_txt.png) no-repeat -166px -88px;}
.step a:first-child{ width: 124px; background-position: -34px -88px;}
.step a.unchecked{background-position: -166px -124px;}
.option{ background: #fff; border-radius: 8px; padding: 15px; margin: 20px 0; box-shadow: 0 1px 2px rgba(0,0,0,0.1);}
.fixednav{ position: fixed; top: 0; left: 0; right: 0; z-index: 1003; width: 1200px; margin: 0 auto; box-shadow: 0 2px 4px rgba(0,0,0,0.1);}
.option:after{ content: ""; display: block; clear: both;}
.option .input_box,.record .input_box{position: relative; margin-right: 15px; float:left;}
.option .input_box input,.record .input_box input{ border-radius: 5px; border: 1px solid #ddd; padding: 6px 0 6px 30px; background: #f3f3f6;}
.option .input_box span{position: absolute; top: 11px; left: 10px; z-index: 1001; color: #999;}
.option .input_box .form-control:last-child{ padding-left: 30px; border-radius: 5px; background: #eee;}
.option .button{float: right;}
.option .button button{ font-size: 12px; padding: 7px 30px; margin-left: 8px;}
.checkbox-inline{ font-size: 14px;}

.a_choice{ position: absolute; right: 0; top: 0; margin-top: 0;}
.b_choice ul li{display: inline-block; margin-right: 100px; font-size: 16px;}

.record{ padding: 10px; background: #f3f3f6; margin-bottom: 10px;}
.record:after{ content: ""; clear: both; display: block;}
.analysis p:last-child{ line-height: 24px; width: 80%; color: #999;}
.record .input_box input{ padding-left: 10px; background: #fff;}
.a_label button{ padding: 7px 5px; border-radius: 5px; background: #e5e5e5; color: #999; margin-right: 5px;}
.a_label button i{ color: #888; margin:0 0 0 5px;}
.a_label a{ font-size: 16px;}
.check_box{ position: absolute; right: 0; top: 0;}
/*end 编辑习题CSS*/

/*学生首页CSS*/
.lesson{ margin-top: 120px;}
.lesson .modal-body ul{overflow: hidden;}
.lesson .modal-body ul li{ float: left; margin: 10px;}
.lesson .modal-body ul li a{ padding: 8px 30px;}
.lesson .modal-body .exit{text-align:center;clear:both;}
.lesson .modal-body .exit .exit-info{font-weight: bolder;font-size: large;margin-top:40px}
.lesson .modal-body button{ padding: 8px 50px; display: block; margin: 15px auto;}
.box ul{ overflow: hidden; margin: 0; padding: 10px 10px 0 10px;}
.box ul li{ width: 280px; height: 100px; border-radius: 8px; background: #fff; float: left; margin:0 0 20px 20px; box-shadow: 0 1px 2px rgba(0,0,0,0.1);}
.box ul li a:hover,.box ul li a:focus{background: #eff3f2;}
.box ul li a:active{ background: #e9edec;}
.box ul li.nospacing{margin-left: 0;}
.box>h5{ font-size: 16px;margin-left: 15px;}
.box i,.lessonlist td i{display: inline-block; background: url(../../images/common/nav_txt.png) no-repeat;}
.section li a{ height: 100%; padding: 15px; display: block; position: relative;}
.section li a h5{ margin: 0 0 15px 0;}
.box>h5>i{ background-position:0 -195px; width: 16px; height: 16px; float: left; margin-right: 10px;}
.section li a p i,.lessonlist td i{width: 18px; height: 16px; background-position:-99px -197px; margin-right: 2px;}
.section li a p i.light,.lessonlist td i{ background-position: -80px -197px;}
.section li a p i.half{ background-position: -118px -197px;}
.section li a>span.unlock,.section li a>span.lock{ width: 24px; height: 26px; background: url(../../images/common/nav_txt.png) no-repeat; position: absolute; top: 42px; right:18px;}
.section li a>span.unlock{background-position: -22px -189px;}
.section li a>span.lock{background-position:-54px -187px;}
.section li a>i{ width: 60px; height: 52px; position: absolute; bottom: 0;}
.section li a>i.mountain{background-position: -139px -161px;}
.section li a>i.tree{background-position: -205px -161px; width: 38px;}
.section li a>i.buliding{background-position: -252px -161px; width: 38px;}
.section li a>i.bridge{background-position: -300px -161px; width: 64px;}
.section li a>i.fish{background-position: -375px -161px; width: 44px;}
/*end 学生首页CSS*/

/*视频播放页CSS*/
.video{width: 840px; height: 472px; background: #eee;}
.con ul{ width: 294px; font-size: 14px;}
.con ul h5{ font-size: 16px; font-weight: 900;}
.con ul li{ padding: 10px 0; border-bottom: 1px dashed #ddd; position: relative;} 
.con ul li a p i{ width: 8px; height: 10px; position: absolute; left: -12px; top: 16px;}
.con ul li a span{ display: block; font-size: 12px; color: #959597; padding-left: 5px;}
.con ul li a span u{ margin-right: 10px;}
.con ul li a:hover,.con ul li a:focus,.con ul li a:hover span,.con ul li a:focus span{color: #59c4a2;}
.con ul li a:hover p i,.con ul li a:focus p i{ background: url(../../images/common/nav_txt.png) no-repeat 0 -88px;}
.detaillt{ width: 860px;}
.sum{padding: 0; font-size: 14px;}
.sum span{ background: #f3f3f3; padding: 22px; float: left; border-right: 1px solid #eee;}
.sum p{ float: left; margin: 8px 0 10px 15px; line-height: 24px; width: 69%; height: 42px; overflow: hidden; font-size: 12px;}
.sum button{ float: right; padding: 22px 36px; border-radius: 0; border: none; line-height:inherit;}
.message ul li{ border-bottom: 1px solid #eee; padding: 10px 0;}
.message ul li p{ font-size: 14px; cursor: pointer; }
.message ul li span{ display: block; text-align: right; color: #999;}
.message ul li span i{ margin-right: 10px;}
.message ul li span a{ cursor: pointer; color: #59c4a2;}
.message .openbox{ margin-bottom: 8px;}
.message .openbox span a{ color: #999; height: 20px; line-height: 20px;}
.message .openbox p{ margin: 0;}
.message .openbox p u{ color: #59c4a2;}
.well{background: #f5f6f9; border: none; margin-bottom: 0; margin-top: 10px; box-shadow: none; padding-bottom: 5px;}
.detailrt{width: 320px; font-size: 14px;}
.detail h5{ margin: 0 0 10px 0; font-weight: 900;}
.detailrt h5 i{ font-size: 18px; color: #ff7437;}
.detailrt div{border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 10px 0 0 0;}
.detailrt div span{ color: #59c4a2; font-size: 14px;}
.detailrt ul li{ margin: 10px 0 0 0; padding-bottom: 10px; border-bottom: 1px dashed #ddd;}
.detailrt ul li u{ width: 80px; display: inline-block; padding: 2px 0; text-align: center;}
.detailrt ul li span{ margin: 0 0 0 40px;}
.detailrt ul li.topone{ color: #f94600;}
.detailrt ul li.topone u,.detailrt ul li.toptwo u,.detailrt ul li.topthree u{ background: #f94600; color: #fff; border-bottom-right-radius: 15px; border-top-right-radius: 15px;}
.detailrt ul li.toptwo{ color: #f9bb00;}
.detailrt ul li.toptwo u{ background: #f9bb00;}
.detailrt ul li.topthree{ color: #59c4a2;}
.detailrt ul li.topthree u{ background: #59c4a2;}
/*end 视频播放页CSS*/

/*闯关css*/
.passbox{padding: 100px 400px;}
.passbox {
    position: relative;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    border-radius: 8px;
    padding: 20px;
    /*margin-bottom: 20px;*/
    margin-right:56px;
    margin-top:40px
}
.passbox img {position:absolute; right:-48px;top:44px; cursor:pointer;}.passbox ul{ margin-top:10px; overflow: hidden;}
.passbox h3{margin-left:20px;}
.passbox h3 span{ margin: 0 20px 0 0;font-weight:bold;font-size:larger;color:darkgray}
.passbox h3 p{margin: -29px 40px 0px 86px;}
.passbox ul{margin-left:90px}
.passbox ul li{ margin: 20px 0;}
.passbox ul li a{ font-size: 18px; line-height: 30px;}
.passbox ul li a span{margin:0 20px 0 10px; display: inline-block; width: 30px; height: 30px; border-radius: 50%; text-align: center;}
.passbox ul li a:focus span,.passbox ul li a span.active{ background: #ff7437; color: #fff;}
.passbox button{ padding: 7px 35px; margin: 30px 10px;}
/*end 闯关css*/

/*错题集css*/
.myanswer{ color: #3d3d3d; line-height: 30px;}
.myanswer>i{ display: inline-block; width: 30px; height: 30px; border-radius: 50%; background: #e41c21; color: #fff; text-align: center; margin-left: 20px; font-size: 14px;}
.myanswer>i.color{ background: #59c4a2;}
.myanswer span{ float: left; margin-right: 5px;}
.myanswer span.abcd{ font-size: 16px;}
.myanswer u{ color: #59c4a2; font-size: 16px;position: relative; top: 6px; left: 10px;}
.myanswer u.wrong{ color: #ff7437;}
.myanswer button,.reason ul button{background: #fff; line-height: 24px;}
.myanswer button:hover,.reason ul button:hover{ color: #333;}
.botmline{ border-bottom: 1px dashed #ddd; padding: 20px 0;}
.myanswer:after{ content: ""; display: block; overflow: hidden; clear: both;}
.correct{ color: #3d3d3d; width: 50%; margin: 15px 0 20px 0;}
.correct .progress{ display: inline-block; margin: 0; width: 77%; height: 8px;}
.correct .progress-bar{ background: #59c4a2;}
.reason{margin-top:11px}
.reason ul{ margin-bottom: 0;}
.reason ul li{ display: inline-block; color: #999;margin-right:5px}
.reason ul li a,.reason ul li span{cursor: pointer; display: block; border: 1px solid #fff; padding:2px 6px; color: #999;}
.reason ul li span{cursor: auto;}
.reason ul li a:hover,.reason ul li a:focus,.reason ul li a.active,.reason ul li span.active{ color: #59c4a2; border: 1px solid #59c4a2; border-radius: 3px;}
.reason ul li input{ border: none; border-bottom: 1px solid #ccc; width: 200px; padding: 0 5px;}
.reason ul li:last-child{ margin-left: 10px;}
.subject button.shut{ border-radius: 50%; padding: 0; width: 20px; height: 20px;}
.sidebartop{padding:20px 20px 10px 20px; font-size: 14px; text-align: center; background: #59c4a2; color: #fff; border-radius: 8px 8px 0 0;}
.sidebartop img{ width: 86px; height: 86px; border-radius: 50%; border: 2px solid #fff;}
.sidebarbotm{ padding: 10px 0 50px 0; font-size: 14px;}
.sidebarbotm ul li a{ padding: 8px 0 8px 75px; margin: 8px 0 0 0; display: inline-block; width: 100%;}
.sidebarbotm ul li a:hover,.sidebarbotm ul li a:focus,.sidebarbotm ul li a.active{background: #eaf1ef; color: #59c4a2; border-left: 5px solid #59c4a2;}
/*end 错题集css*/

.class{ position: relative;}
.class h5{ margin-top: 0; margin-left: 20px; overflow: hidden; line-height: 20px;}
.class h5 i{ width: 20px; height: 20px; background: url(../../images/common/nav_txt.png) no-repeat -165px -57px; float: left; margin-right: 10px;}
.all{ position: absolute; right: 44px; top: 10px;}
#btn_upload{display:block;height:50px;padding-top:15px}
.lessonlist{background: #fff; border-radius: 8px; box-shadow: 0 1px 2px rgba(0,0,0,0.1);}
.lessonlist .table{ border-radius: 8px; overflow: hidden;}
.lessonlist .table > tbody > tr > td,.lessonlist .table > tbody > tr > th{ border: none; padding: 14px 0 14px 20px; vertical-align: middle;}
.table-striped > tbody > tr:nth-of-type(odd){ background: #fff;}
.table-striped > tbody > tr:nth-of-type(even){ background: #f3f4f6;}
.table-striped > tbody > tr:hover{ background: #e5e5e5;}
.table-striped > tbody > tr:first-child:hover{background: none;}
.lessonlist td.bgcolor{}
.lessonlist td i{ margin: 0;}
.lessonlist td a u{ width: 20px; height: 16px; background: url(../img/nav_txt.png) no-repeat 0 -106px; float: left;}
.lessonlist td a:hover u{ background-position:0 -125px;}
.percent{ width: 100%; margin: 0;}

.clearance{ width: 478px; margin:auto auto; color: #fff; font-size: 16px; position: relative;}
.clearance h1{width: 478px; height: 331px; background: url(../../images/login/success.png) no-repeat; display: block;}
 .clearance h1.statusone {background-position: 0 0;}
.clearance h1.statustwo{ background-position: -478px 0;}
.clearance h1.statusthree{ background-position: -956px 0;}
.clearance h1.statusfour{ background-position: -1434px 0;}
.clearance h1.statusfive{ background-position: -1912px 0;}
.clearance h1.statussix{ background-position: -2390px 0;}

.clbox{ text-align: center; position: absolute; top: 280px; left: 50%; margin-left: -204px;}
.clbox p span:first-child{ margin-right: 30px;}
.clbox p span u{ color: #ffb070;}
.clbox p i{ width: 18px; height: 20px; display: inline-block; background: url(../../images/common/nav_txt.png) no-repeat -191px -58px; margin-right: 10px;}
.clbox>button{width: 260px; height: 42px; border-radius: 10px; background: #fcba3b; margin: 0 0 20px 0;}
.clbox>button:hover,.clbox>button:active{ background: #f1b034;}
.clbox p button{ width: 120px; height: 42px; background: #a4a4a4; border: 1px solid #fff; border-radius: 10px;margin-right:14px}
/*.clbox p button:first-child{ margin-right: 14px;}*/
.clbox p button:hover,.clbox p button:active{ background: #9d9d9d;}
.uppage {
    border-radius: 5px;
    width: 60px;
    height: 24px;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    margin-right:-10px;
}

.set h4{border-left: 3px solid #ff7437; padding-left: 12px;}
.info{border-bottom: 1px solid #eee; padding:30px 0 50px 0;}
.info a{ text-align: center;}
.info a img{ width: 100px; height: 100px; border-radius: 50%; border: 2px solid #e5e5e5;}
.info a span{margin: 10px 0 0 0; color: #59c4a2;}
.info p{ display: inline-block; margin-left: 20px;}
.info span{display: block; margin: 12px 0;}
.set dl{border-bottom: 1px dashed #ddd; margin: 35px 0; padding: 0 0 30px; overflow: hidden;}
.set dt{ float: left; margin:0 60px 0 30px;}
.set dd{ float: left;}
.set dl span{ float:right; color: #59c4a2; margin-right: 20px;}
.set dl span.unset{color: #ff7437;}
.set dl span a{ border-left: 1px solid #ddd; padding:0 0 0 5px;}
.set dl span i{padding: 0 5px 0 0;}
.set dl a{ color: #508bbd;}
.set table{margin: 60px auto;}
.set td{ padding: 12px 10px;}
.set td input{padding: 0 5px; width: 200px; height: 36px; line-height: 36px;}
.set td button{padding: 6px 30px;}

/*登录页css*/
.lubo{ width: 100%; min-width:1200px;clear: both; position: relative; height:700px;}
.lubo_box{ position: relative; width: 100%; height:700px; }
.lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:700px; opacity: 0;filter:alpha(opacity=0);}
.lubo_box li a{ display: block;width: 100%;  height: 100%; text-align: center;}
.lubo_box li img{ width: 100%; height: 700px;}

/*圆点*/
.cir_box{ overflow: hidden; position: absolute; z-index: 100;}
.cir_box li{ float: left; width: 30px; height: 5px; margin:0 5px; cursor: pointer; background: #fff; opacity: 0.8;filter:alpha(opacity=80);}
.cir_on{ background: #666 !important;}

.logintop{ box-shadow: 0 1px 1px rgba(0,0,0,0.1); background: #fff; min-width: 1200px;}
.head{ width: 1200px; margin: 0 auto; height: 80px; position: relative;}
.head img{ margin-top: 10px;}
.head ul{position: absolute; right: 0; top: 0; overflow: hidden; height: 14px; line-height: 14px; margin-top: 33px;}
.head ul li{ color: #666; float: left; padding:0 10px; border-left: 1px solid #808080;}
.head ul li:first-child{ border: none;}

.contentbox{ width: 1200px; margin: 0 auto; margin-top: -700px; height: 700px; position: relative;}
.loginbox{ width: 358px; height: 480px; border-radius: 10px; box-shadow: 0 0 4px rgba(0,0,0,0.1); background:#fff url(../../images/login/boxbg.png) no-repeat 0 bottom; position: absolute; top: 115px; right: 0;}
.loginbox h4{ height: 70px; line-height: 70px; padding: 0 40px; font-size: 22px; margin: 0; font-weight: normal; color: #59c4a2; border-bottom: 1px solid #eee;}
.formbox{ padding: 6px 40px 0 40px;}
.formbox button{ width: 100%; padding: 10px 0;}
.inputbox{position: relative;}
.inputbox input{ display: block; width: 280px; height: 40px; color: #b7b7b7; font-size: 14px; font-family: "微软雅黑"; border: 1px solid #ddd; 
 margin-top: 30px; padding:0 0 0 50px; color: #999; border-radius: 8px;}
.inputbox input:first-child{ background: url(../../images/login/user.png) no-repeat 10px center; padding-right:3px;}
.inputbox input:last-child{ background: url(../../images/login/psword.png) no-repeat 10px center; padding-right: 39px;}
.inputbox i{ width: 20px; height: 20px; background: url(../../images/login/eye.png) no-repeat center; position: absolute; right: 10px; bottom: 10px;}
.statebox{ margin: 20px 0; font-size: 14px; overflow: hidden;}
.statebox input{float: left; margin-top: 5px;}
.statebox span{float: left; margin-left: 5px; color: #535c5a; color: #999;}
.statebox a{ float: right; color: #999;}
.statebox a:hover{color:#59c4a2;}
.thirdpa h3{ font-size: 16px; font-weight: normal; color: #999; text-align: center; margin:30px 0 20px 0; background: url(../../images/login/line1.png) no-repeat center;}
.thirdpa ul{ overflow: hidden; padding:0 40px;}
.thirdpa ul li{ float: left; width: 50%; position: relative; height: 58px;}
.thirdpa ul li a{ position: absolute; bottom:0; left: 25px; transition: bottom 0.2s ease;}
.thirdpa ul li a:hover{ bottom: 3px;}
#regback{
    background: #ffffff;
    box-shadow: 1px 1px 1px gray;
    border-radius: 6px;
}
/*end 登录页css*/

.homework button{ padding: 4px 10px; font-size: 12px;}
.homework .table > tbody > tr > td{ padding: 10px 0 10px 20px;}
.homework td a{ margin-right: 10px;}
.homework td u{ background: none; margin-right: 0;}
.homework td span{margin-left: 10px; color: #ff7437;}
#single{ border-radius:0 8px 8px 8px;}
#single ul{ padding: 25px 20px; border-bottom: 1px solid #eee; margin-bottom: 0;}
#single li{display: inline-block; margin-right: 80px;}
#single li span{ color: #999; margin-left: 15px;}
#single button{ padding: 0 5px; background: #fff; border: 1px solid #ff7437; color: #ff7437;}
#single button:hover{background: #ff7437; color: #fff;}
#single .table > tbody > tr > td{ padding: 14px 0 14px 20px;}
ul.a_tab{background: #f5f5f5; border-bottom: 0;}
ul.a_tab>li.active{ background: #fff; border-top: 2px solid #ff7437;}
ul.a_tab>li.active>a,ul.a_tab>li.active>a:hover,ul.a_tab>li.active>a:focus{ background-image: none; color: #ff7437;}

.exercises{ background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.1); border-radius: 8px; overflow: hidden; padding: 20px; margin-bottom: 20px;}
.accuracy{ margin: 20px 0 0 0;}
.accuracy span{ padding: 5px 20px; background: #fff; border:1px solid #999; color: #999; border-radius: 5px; display: inline-block; margin-right: 10px;}
.accuracy span.wrong{ border-color: #ff7437; color: #ff7437;}
.accuracy span.right{ border-color: #59c4a2; color: #59c4a2;}

.rightside h5.title{ text-align: center; background: #fff; width: 160px; margin: 0; padding: 12px 0; font-size: 12px; border-top: 2px solid #ff7437; color: #ff7437;}
.rightside h5.title span{ margin-right: 10px;}

.class h2{background: #59c4a2; color: #fff; width: 100%; position: absolute; margin: 0; left: 0; top: 0; padding:0 20px; font-size: 12px; overflow: hidden; line-height: 53px;}
.class h2 span{ font-size: 14px; font-weight: 900;}
.class h2 i{ margin-left: 30px;}
.class p{float: right; margin: 0;}
.class p button{padding:5px 12px; font-size: 12px; background:#fff; color: #59c4a2; margin-left: 5px;}
.class p button:hover{ color: #59c4a2; text-decoration: underline;}






